<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
    <title>Admin page | GL</title>
    <link href="/public/admin/bootstrap/css/bootstrap.min.css" rel="stylesheet"
          type="text/css"/>
    <!--[if lt IE 9]>
    <link rel="stylesheet" type="text/css"
          href="/public/admin/plugins/jquery-ui/jquery.ui.1.10.2.ie.css"/>
    <![endif]-->
    <link href="/public/admin/assets/css/main.css" rel="stylesheet" type="text/css"/>
    <link href="/public/admin/assets/css/plugins.css" rel="stylesheet" type="text/css"/>
    <link href="/public/admin/assets/css/responsive.css" rel="stylesheet" type="text/css"/>
    <link href="/public/admin/assets/css/icons.css" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" href="/public/admin/assets/css/fontawesome/font-awesome.min.css">
    <!--[if IE 7]>
    <link rel="stylesheet"
          href="/public/admin/assets/css/fontawesome/font-awesome-ie7.min.css"><![endif]-->
    <!--[if IE 8]>
    <link href="/public/admin/assets/css/ie8.css" rel="stylesheet" type="text/css"/>
    <![endif]-->
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700' rel='stylesheet' type='text/css'>

    <script type="text/javascript"
            src="/public/admin/assets/js/libs/jquery-1.10.2.min.js"></script>
    <script type="text/javascript"
            src="/public/admin/plugins/jquery-ui/jquery-ui-1.10.2.custom.min.js"></script>
    <script type="text/javascript" src="/public/admin/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript"
            src="/public/admin/assets/js/libs/lodash.compat.min.js"></script>
    <!--[if lt IE 9]>
    <script src="/public/admin/assets/js/libs/html5shiv.js"></script><![endif]-->
    <script type="text/javascript"
            src="/public/admin/plugins/touchpunch/jquery.ui.touch-punch.min.js"></script>
    <script type="text/javascript"
            src="/public/admin/plugins/event.swipe/jquery.event.move.js"></script>
    <script type="text/javascript"
            src="/public/admin/plugins/event.swipe/jquery.event.swipe.js"></script>
    <script type="text/javascript" src="/public/admin/assets/js/libs/breakpoints.js"></script>
    <script type="text/javascript" src="/public/admin/plugins/respond/respond.min.js"></script>
    <script type="text/javascript"
            src="/public/admin/plugins/cookie/jquery.cookie.min.js"></script>
    <script type="text/javascript"
            src="/public/admin/plugins/slimscroll/jquery.slimscroll.min.js"></script>
    <script type="text/javascript"
            src="/public/admin/plugins/slimscroll/jquery.slimscroll.horizontal.min.js"></script>
    <!--[if lt IE 9]>
    <script type="text/javascript" src="/public/admin/plugins/flot/excanvas.min.js"></script>
    <![endif]-->
    <script type="text/javascript"
            src="/public/admin/plugins/sparkline/jquery.sparkline.min.js"></script>
    <script type="text/javascript"
            src="/public/admin/plugins/flot/jquery.flot.min.js"></script>
    <script type="text/javascript"
            src="/public/admin/plugins/flot/jquery.flot.tooltip.min.js"></script>
    <script type="text/javascript"
            src="/public/admin/plugins/flot/jquery.flot.resize.min.js"></script>
    <script type="text/javascript"
            src="/public/admin/plugins/flot/jquery.flot.time.min.js"></script>
    <script type="text/javascript"
            src="/public/admin/plugins/flot/jquery.flot.growraf.min.js"></script>
    <script type="text/javascript"
            src="/public/admin/plugins/easy-pie-chart/jquery.easy-pie-chart.min.js"></script>
    <script type="text/javascript"
            src="/public/admin/plugins/daterangepicker/moment.min.js"></script>
    <script type="text/javascript"
            src="/public/admin/plugins/daterangepicker/daterangepicker.js"></script>
    <script type="text/javascript"
            src="/public/admin/plugins/blockui/jquery.blockUI.min.js"></script>
    <script type="text/javascript"
            src="/public/admin/plugins/fullcalendar/fullcalendar.min.js"></script>
    <script type="text/javascript" src="/public/admin/plugins/noty/jquery.noty.js"></script>
    <script type="text/javascript" src="/public/admin/plugins/noty/layouts/top.js"></script>
    <script type="text/javascript" src="/public/admin/plugins/noty/themes/default.js"></script>
    <script type="text/javascript"
            src="/public/admin/plugins/uniform/jquery.uniform.min.js"></script>
    <script type="text/javascript" src="/public/admin/plugins/select2/select2.min.js"></script>
    <script type="text/javascript" src="/public/admin/assets/js/app.js"></script>
    <script type="text/javascript" src="/public/admin/assets/js/plugins.js"></script>
    <script type="text/javascript"
            src="/public/admin/assets/js/plugins.form-components.js"></script>
    <script type="text/javascript"
            src="/public/admin/plugins/datatables/jquery.dataTables.min.js"></script>
    <script type="text/javascript"
            src="/public/admin/plugins/datatables/tabletools/TableTools.min.js"></script>
    <script type="text/javascript"
            src="/public/admin/plugins/datatables/colvis/ColVis.min.js"></script>
    <script type="text/javascript"
            src="/public/admin/plugins/datatables/columnfilter/jquery.dataTables.columnFilter.js"></script>
    <script type="text/javascript"
            src="/public/admin/plugins/datatables/DT_bootstrap.js"></script>
    <script type="text/javascript"
            src="/public/admin/assets/js/plugins.form-components.js"></script>
    <script type="text/javascript"
            src="/public/admin/plugins/bootstrap-inputmask/jquery.inputmask.min.js"></script>
    <script type="text/javascript"
            src="/public/admin/plugins/bootstrap-wysihtml5/wysihtml5.min.js"></script>
    <script type="text/javascript"
            src="/public/admin/plugins/bootstrap-wysihtml5/bootstrap-wysihtml5.min.js"></script>
    <script type="text/javascript"
            src="/public/admin/plugins/bootstrap-multiselect/bootstrap-multiselect.min.js"></script>
    <script type="text/javascript"
            src="/public/admin/plugins/bootstrap-switch/bootstrap-switch.min.js"></script>
    <script type="text/javascript" src="/public/admin/plugins/globalize/globalize.js"></script>
    <script type="text/javascript"
            src="/public/admin/plugins/globalize/cultures/globalize.culture.de-DE.js"></script>
    <script type="text/javascript"
            src="/public/admin/plugins/globalize/cultures/globalize.culture.ja-JP.js"></script>
    <script type="text/javascript"
            src="/public/admin/plugins/tagsinput/jquery.tagsinput.min.js"></script>
    <script type="text/javascript" src="/public/admin/plugins/select2/select2.min.js"></script>
    <script type="text/javascript" src="/public/admin/plugins/fileinput/fileinput.js"></script>
    <script type="text/javascript"
            src="/public/admin/plugins/duallistbox/jquery.duallistbox.min.js"></script>
    <script type="text/javascript"
            src="/public/admin/plugins/inputlimiter/jquery.inputlimiter.min.js"></script>
    <script type="text/javascript"
            src="/public/admin/plugins/typeahead/typeahead.min.js"></script>
    <script type="text/javascript"
            src="/public/admin/plugins/autosize/jquery.autosize.min.js"></script>
    <script>$(document).ready(function () {
            App.init();
            Plugins.init();
            FormComponents.init()
        });</script>
    <script type="text/javascript" src="/public/admin/assets/js/custom.js"></script>
    <script type="text/javascript"
            src="/public/admin/assets/js/demo/pages_calendar.js"></script>
    <script type="text/javascript"
            src="/public/admin/assets/js/demo/charts/chart_filled_blue.js"></script>
    <script type="text/javascript"
            src="/public/admin/assets/js/demo/charts/chart_simple.js"></script>
    <script type="text/javascript" src="/public/admin/assets/js/custom.js"></script>
    <script type="text/javascript"
            src="/public/admin/assets/js/demo/form_components.js"></script>
    <script src="/public/Highcharts-4.0.4/js/highcharts.js"></script>

</head>
<body>
<header class="header navbar navbar-fixed-top" role="banner">
    <div class="container">
        <ul class="nav navbar-nav">
            <li class="nav-toggle"><a href="javascript:void(0);" title=""><i class="icon-reorder"></i></a></li>
        </ul>
        <a class="navbar-brand" href="/admin"> <img width="150" src="/public/home/img/logo2.png"
                                                        alt="logo"/>
        </a> <a href="#" class="toggle-sidebar bs-tooltip" data-placement="bottom"
                data-original-title="Toggle navigation"> <i class="icon-reorder"></i> </a>

        <ul class="nav navbar-nav navbar-right">
            <li class="dropdown hidden-xs hidden-sm"><a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i
                        class="icon-tasks"></i> <span class="badge"><?php echo $layout_count; ?></span> </a>
                <ul class="dropdown-menu extended notification">
                    <li class="title"><p>You have <?php echo $layout_count; ?> pending products</p></li>
                    <?php
                    for ($i = 0; $i < 4; $i++) {
                        ?>
                        <li>
                            <a href="http://localhost/admin/product/detail/<?php echo $layout_pending[$i]->id; ?>"> <span
                                    class="task"> <span
                                        class="desc"><b><?php echo $layout_pending[$i]->name; ?></b></span> <span
                                        class="percent">$<?php echo $layout_pending[$i]->price ?></span> </span><br>
                                <span
                                    class="desc"><?php echo $layout_pending[$i]->user_name; ?></span><br>
                                <span
                                    class="posted_time"><?php echo $layout_pending[$i]->posted_time; ?></span>

                            </a></li>

                    <?php
                    }

                    ?>
                    <li class="footer"><a href="http://localhost/admin/product/pending">View all pending products</a>
                    </li>
                </ul>
            </li>

            <li class="dropdown user"><a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i
                        class="icon-male"></i> <span class="username"><?php echo $user_name; ?></span> <i
                        class="icon-caret-down small"></i> </a>
                <ul class="dropdown-menu">
                    <li><a href="http://localhost/logout"><i class="icon-key"></i> Log Out</a></li>
                </ul>
            </li>
        </ul>
    </div>
    <div id="project-switcher" class="container project-switcher">
        <div id="scrollbar">
            <div class="handle"></div>
        </div>
        <div id="frame">
            <ul class="project-list">
                <li><a href="javascript:void(0);"> <span class="image"><i class="icon-desktop"></i></span> <span
                            class="title">Lorem ipsum dolor</span> </a></li>
                <li><a href="javascript:void(0);"> <span class="image"><i class="icon-compass"></i></span> <span
                            class="title">Dolor sit invidunt</span> </a></li>
                <li class="current"><a href="javascript:void(0);"> <span class="image"><i class="icon-male"></i></span>
                        <span class="title">Consetetur sadipscing elitr</span> </a></li>
                <li><a href="javascript:void(0);"> <span class="image"><i class="icon-thumbs-up"></i></span> <span
                            class="title">Sed diam nonumy</span> </a></li>
                <li><a href="javascript:void(0);"> <span class="image"><i class="icon-female"></i></span> <span
                            class="title">At vero eos et</span> </a></li>
                <li><a href="javascript:void(0);"> <span class="image"><i class="icon-beaker"></i></span> <span
                            class="title">Sed diam voluptua</span> </a></li>
                <li><a href="javascript:void(0);"> <span class="image"><i class="icon-desktop"></i></span> <span
                            class="title">Lorem ipsum dolor</span> </a></li>
                <li><a href="javascript:void(0);"> <span class="image"><i class="icon-compass"></i></span> <span
                            class="title">Dolor sit invidunt</span> </a></li>
                <li><a href="javascript:void(0);"> <span class="image"><i class="icon-male"></i></span> <span
                            class="title">Consetetur sadipscing elitr</span> </a></li>
                <li><a href="javascript:void(0);"> <span class="image"><i class="icon-thumbs-up"></i></span> <span
                            class="title">Sed diam nonumy</span> </a></li>
                <li><a href="javascript:void(0);"> <span class="image"><i class="icon-female"></i></span> <span
                            class="title">At vero eos et</span> </a></li>
                <li><a href="javascript:void(0);"> <span class="image"><i class="icon-beaker"></i></span> <span
                            class="title">Sed diam voluptua</span> </a></li>
            </ul>
        </div>
    </div>
</header>
<div id="container">
    <div id="sidebar" class="sidebar-fixed">
        <div id="sidebar-content">
            <form class="sidebar-search">
                <div class="input-box">
                    <button type="submit" class="submit"><i class="icon-search"></i></button>
                    <span> <input type="text" placeholder="Search..."> </span></div>
            </form>
            <div class="sidebar-search-results"><i class="icon-remove close"></i>

                <div class="title"> Documents</div>
                <ul class="notifications">
                    <li><a href="javascript:void(0);">
                            <div class="col-left"><span class="label label-info"><i class="icon-file-text"></i></span>
                            </div>
                            <div class="col-right with-margin"><span class="message"><strong>John Doe</strong> received $1.527,32</span>
                                <span class="time">finances.xls</span></div>
                        </a></li>
                    <li><a href="javascript:void(0);">
                            <div class="col-left"><span class="label label-success"><i
                                        class="icon-file-text"></i></span></div>
                            <div class="col-right with-margin"><span class="message">My name is <strong>John
                                        Doe</strong> ...</span> <span class="time">briefing.docx</span></div>
                        </a></li>
                </ul>
                <div class="title"> Persons</div>
                <ul class="notifications">
                    <li><a href="javascript:void(0);">
                            <div class="col-left"><span class="label label-danger"><i class="icon-female"></i></span>
                            </div>
                            <div class="col-right with-margin"><span class="message">Jane <strong>Doe</strong></span>
                                <span class="time">21 years old</span></div>
                        </a></li>
                </ul>
            </div>
            <ul id="nav">
                <li class="current"><a href="http://localhost/admin"> <i class="icon-dashboard"></i> Dashboard </a></li>
                <li><a href="http://localhost/admin/user"> <i class="icon-user"></i> Users </a>
                </li>
                <li><a href="javascript:void(0);"> <i class="icon-list"></i> Products </a>
                    <ul class="sub-menu">
                        <li><a href="http://localhost/admin/product/category"> <i class="icon-angle-right"></i>
                                Categories </a></li>
                        <li><a href="http://localhost/admin/product/pending"> <i class="icon-angle-right"></i> Pending
                            </a></li>
                        <li><a href="http://localhost/admin/product/official"> <i class="icon-angle-right"></i> Official
                            </a></li>
                        <li><a href="http://localhost/admin/product/all"> <i class="icon-angle-right"></i> All </a></li>
                    </ul>
                </li>
            </ul>
        </div>
        <div id="divider" class="resizeable"></div>
    </div>
    <div id="content">
        <?php echo $content_for_layout; ?>
    </div>

    <script>
        d = new Date(parseInt($('.posted_time').html()));
        day = d.getDate() + '/' + eval(d.getMonth() + 1) + '/' + d.getFullYear() + ' at ' + d.getHours() + ':' + d.getMinutes();
        $('.posted_time').html(day);
    </script>
</body>
</html>